<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>E.T.A.S News</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <link rel="stylesheet" href="css/skins.en.css" type="text/css"/>
        <link rel="stylesheet" href="css/news.css" type="text/css"/>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.corner.js"></script>

    </head>
    <body>
        <div id="header-outter">
            <div id="header">
                <div id="h-date">
                    Thứ 2 ngày 16/4/2012 8:00 AM
                </div>
                <div id="h-language-switcher">
                    <a href="#"><img src="images/en.jpg" alt=""/></a>
                    <a href="#"><img src="images/vi.jpg" alt=""/></a>
                </div>
                <div id="h-search">
                    <form name="frmSearch" action="" method="post">
                        <input type="text" id="keyword" name="keyword" size="20" value="Nhập từ tìm kiếm..."/>
                        <input type="submit" id="btnSearch" name="btnSearch" value=""/>
                    </form>

                </div>
                <div id="h-menu">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Tin tức</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end of header -->
        <div id="main-outter">
            <div id="main">
                <div id="m-top">
                    <div id="logo">
                        <a href="#">
                            <img src="images/logo.jpg" alt=""/>
                        </a>
                    </div>
                    <div id="mt-banner">
                        <img src="images/banner.png" alt=""/>
                    </div>
                </div>
                <div id="m-middle">
                    <div id="mm-wrapper">
                        <div id="mmw-container">
                            <div id="news">
                                <ul id="tabs">
                                    <li class="actived newspaper"><a  href="#">Tin tức nổi bật</a></li>
                                    <li class="support"><a href="#">Tư vấn online</a></li>
                                    <li class="clock"><a href="#">Đặt lịch hẹn</a></li>
                                </ul>
                                <div id="news-container">
                                    <div class="news-items">
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="news-items">
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="news-items">
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="i-meta">
                                                <span class="i-created-date">14/02/2012</span>
                                                <span class="i-author">Đăng bởi: Windy</span>
                                            </div>
                                            <div class="i-thumbnail">
                                                <img src="images/news-item-thumbnail.jpg"  alt=""/>
                                            </div>
                                            <div class="i-content">
                                                <h3><a href="#">Mỹ sự lựa chọn của du học sinh</a></h3>
                                                <p>
                                                    Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante.
                                                </p>
                                                <a href="#" class="read-more">Xem tiếp</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end of tabbed -->
                            <script type="text/javascript">
                                $(document).ready(function(){
                                    $("#tabs li").eq(0).addClass('acitved');
                                    $('#news-container .news-items').eq(0).show().addClass('actived');
                                    $("#tabs li a").click(function(){
                                        if(!$(this).parent().hasClass('actived')){
                                            $("#tabs li.actived").removeClass('actived');
                                            $('#news-container .news-items.actived').fadeOut(200).removeClass('actived');
                                            $(this).parent().addClass('actived');
                                            $('#news-container .news-items').eq($(this).parent().index()).fadeIn(300).addClass('actived');
                                        }
                                        return false;
                                    });
                                    
                                });
                            </script>
                            <div id="sidebar" style="width:240px;">
                                <div id="university-featured">
                                    <div class="uf-title">Trường nối bật</div>
                                    <div class="uf-content">
                                        <h3><a href="#">Trường đại học Anh Quốc</a></h3>
                                        <p>Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Nullam et massa risus, eu commodo turpis. Curabitur eget metus lectus. Nulla facilisi. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. ante </p>
                                    </div>
                                    <div class="uf-thumbnail">
                                        <img src="images/uf.jpg" alt=""/>
                                    </div>
                                    <script type="text/javascript">
                                        $(document).ready(function(){
                                            $('.uf-thumbnail').corner('10px');
                                            $('.uf-thumbnail').corner('10px');
                                        });
                                    </script>    
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div><!-- end of #mmw-container -->
                    </div><!-- end of #mm-wrapper -->
                </div><!-- end of #m-middle -->
            </div>
        </div><!-- end of #main-outter -->
        <div id="footer-outter">
            <div id="footer">
                <div class="f-left">
                    <div id="copy-right">
                        Copyright@ 2012 E . T . A . S  Du học Anh quốc, Canada, Singapore, Newzilan<br/>
                        Design by idgit.com.vn - Ideal development group.
                    </div>
                    <div id="f-social-share">
                        <a href="#"><img src="images/en/facebook-small.png" alt=""/></a>
                        <a href="#"><img src="images/en/twister-small.png" alt=""/></a>
                        <a href="#"><img src="images/en/youtube-small.png" alt=""/></a>
                    </div>
                </div>
                <div class="f-right" id="info">
                    <ul>
                        <li class="add">Tầng 7, tòa nhà sô 182, Lò Đúc, Hà Nội</li>
                        <li class="phone">(04) 3972 9125</li>
                        <li class="email">Webdesigner103@ etasvn.com</li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>
